{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Jinbin Tan, from XMU">
    <meta name="description" content="Write For Net Course Project in 2016.12"> 
    <link href="{% static 'icon.ico' %}" rel="icon">
    <title> XMU - Omegle</title>
    
    <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet"/>
    <link href="{% static 'css/base.css' %}" rel="stylesheet"/>
    <script src="{% static 'js/jquery-3.1.0.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>      
    
    
    {% block private_css %}
    {% endblock %}
    
    <body>
    <nav class="navbar navbar-inverse">
    <div class="container-fluid"> 
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
        <a class="navbar-brand" href="/index"><img src="{% static 'img/logo.png' %}"/></a>
        
      </div>
      <!-- Collect the nav right links -->
      <div class="collapse navbar-collapse navbar-left" id="defaultNavbar1">
        <ul class="nav navbar-nav">
        <li id="index">
        <form method="POST" role="form" action="/Accounts/login/">
        <button class="btn topBtn">首页</button>
        </form>
        </li>
        <li id="edit">
        <form method="POST" role="form" action="/Accounts/edit/">
        <button class="btn topBtn">修改资料</button>
        </form>
        </li>
        <li id="security">
        <form method="POST" role="form" action="/Accounts/security/">
        <button class="btn topBtn">账号与安全</button>
        </form>
        </li>
        <li id="logout">
        <li class="dropdown">
        <form method="POST" role="form" action="/Accounts/logout/">
        <button class="btn topBtn dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">更多<span class="caret"></span></button>
            <ul class="dropdown-menu" role="menu">
            <li><a href="index.php">1</a></li>
            <li><a href="#">2</a></li>
            <li class="divider"></li>
            <li><a href="#">more</a></li>
            </ul>
        </form>
        </li>
        </ul>

      </div>
    </div>
    </nav>
    {% block content %}

    {% endblock %}


     <!-- footer -->
    <div id="footer" class="row text-center">
      <div class="col-xs-12"><p><a href="https://github.com/orgs/Node-Xiamen-Univ" >关于我们 </a> | <a href="index.php#feedback"> 反馈与建议 </a> | <a href="index.php#aboutUs"> 友情链接</a></p><p>&copy; XMU Node Studio,Inc. All rights reserved.</p>
      </div>
    </div>
    {% block other_script %}
    {% endblock %}
    </body>
</html>
